<div style="border: solid 1px #ccc; padding: 1em 0;">
    <div class="wi-form">
        <div class="wi-row">
            <label class="wi-col-2 wi-caption">Email：</label>
            <div class="wi-col-4">
                <input type="text" placeholder="Enter email" />
            </div>
            <label class="wi-col-2 wi-caption">Password：</label>
            <div class="wi-col-4">
                <input type="password" placeholder="Password" />
            </div>
        </div>
        <div class="wi-row">
            <div class="wi-col-4 wi-offset-2">
                <input type="checkbox" class="wi-checkbox" /> Check me out
            </div>
            <label class="wi-col-2 wi-caption">Sex：</label>
            <div class="wi-col-4">
                <input name="sex" type="radio" class="wi-radio" checked /> Male
                <input name="sex" type="radio" class="wi-radio" /> Female
            </div>
        </div>
        <div class="wi-row">
            <div class="wi-offset-6 wi-col-6">
                <button type="submit" class="wi-btn wi-btn-primary">Submit</button>
            </div>
        </div>
    </div>
</div>